<template>
  <div class="content" style="padding: 0px 24px 24px">
    <div class="content-up" style="margin: 24px 0px">
      <span>
        <span class="item-link">主页</span>
        <span class="item-separator">/</span>
      </span>
      <span>
        <span class="item-des">桌面</span>
      </span>
    </div>
    <div
      data-v-23766947=""
      class="ivu-layout-content"
      style="padding: 24px 24px 100px; background: rgb(255, 255, 255)"
    >
      <div data-v-a2cde9c4="" data-v-23766947="" class="desktop-c">
        <h3 data-v-a2cde9c4="" class="total-title">社区统计</h3>
        <div
          data-v-a2cde9c4=""
          class="ivu-row"
          style="margin-left: -8px; margin-right: -8px"
        >
          <div
            data-v-a2cde9c4=""
            class="ivu-col ivu-col-span-6"
            style="padding-left: 8px; padding-right: 8px"
          >
            <div data-v-a2cde9c4="" class="ivu-card ivu-card-bordered">
              <!---->
              <!---->
              <div class="ivu-card-body">
                <div data-v-a2cde9c4="" style="text-align: center">
                  <div data-v-a2cde9c4="">今日注册用户</div>
                  <h3 data-v-a2cde9c4="" class="total-num">0</h3>
                </div>
              </div>
            </div>
          </div>
          <div
            data-v-a2cde9c4=""
            class="ivu-col ivu-col-span-6"
            style="padding-left: 8px; padding-right: 8px"
          >
            <div data-v-a2cde9c4="" class="ivu-card ivu-card-bordered">
              <!---->
              <!---->
              <div class="ivu-card-body">
                <div data-v-a2cde9c4="" style="text-align: center">
                  <div data-v-a2cde9c4="">用户总数</div>
                  <h3 data-v-a2cde9c4="" class="total-num">0</h3>
                </div>
              </div>
            </div>
          </div>
          <div
            data-v-a2cde9c4=""
            class="ivu-col ivu-col-span-6"
            style="padding-left: 8px; padding-right: 8px"
          >
            <div data-v-a2cde9c4="" class="ivu-card ivu-card-bordered">
              <!---->
              <!---->
              <div class="ivu-card-body">
                <div data-v-a2cde9c4="" style="text-align: center">
                  <div data-v-a2cde9c4="">今日发帖数</div>
                  <h3 data-v-a2cde9c4="" class="total-num">0</h3>
                </div>
              </div>
            </div>
          </div>
          <div
            data-v-a2cde9c4=""
            class="ivu-col ivu-col-span-6"
            style="padding-left: 8px; padding-right: 8px"
          >
            <div data-v-a2cde9c4="" class="ivu-card ivu-card-bordered">
              <!---->
              <!---->
              <div class="ivu-card-body">
                <div data-v-a2cde9c4="" style="text-align: center">
                  <div data-v-a2cde9c4="">发帖总数</div>
                  <h3 data-v-a2cde9c4="" class="total-num">0</h3>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</template>





<style scoped>
.content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-flex: 1;
  -ms-flex: auto;
  flex: auto;
  background: #f5f7f9;
}
.content-up {
  color: #999;
  font-size: 14px;
}
.content-up .item-separator {
  font-size: 14px;
}
.item-separator {
  margin: 0 8px;
  color: #dcdee2;
}
.content-up .item-des {
  font-weight: 700;
  color: #515a6e;
}
.ivu-layout-content {
  -webkit-box-flex: 1;
  -ms-flex: auto;
  flex: auto;
}
.total-title {
  margin-bottom: 30px;
}
.ivu-col-span-6 {
  display: block;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
  max-width: 25%;
}
.ivu-col {
  position: relative;
  max-width: 100%;
  min-height: 1px;
}
.ivu-card-bordered {
    border: 1px solid #dcdee2;
    border-color: #e8eaec;
}

.ivu-card {
    display: block;
    background: #fff;
    border-radius: 4px;
    font-size: 14px;
    position: relative;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
.ivu-card-body {
    padding: 16px;
}
.total-num[data-v-a2cde9c4] {
    font-size: 24px;
}
</style>